<!-- 客户基础信息 -->
<template>
<section class="base-info common-text-block-section">
    <div class="title-section">
        <div class="title">
            客户基础信息
        </div>
    </div>
    <div v-if="accountBillData" class="text-section">
        <el-row :gutter="20">
            <el-col :span="3"><div class="info-item iconfont icon-name"> 客户名称:</div></el-col>
            <el-col :span="10"><span class="info-item" >{{ accountBillData.companyName?accountBillData.companyName:accountBillData.cName }}</span></el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="3"><div class="info-item iconfont icon-phone"> 客户电话:</div></el-col>
            <el-col :span="10"><span class="info-item" >{{ accountBillData.mobile }}</span></el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="3"><div class="info-item iconfont icon-wechart"> 客户微信:</div></el-col>
            <el-col :span="10"><span class="info-item" >{{ accountBillData.weChartAccount }}</span></el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="3"><div class="info-item iconfont icon-man"> 会计负责人:</div></el-col>
            <el-col :span="10"><span class="info-item" >{{ accountBillData.accountingManager }}</span></el-col>
          </el-row>
    </div>
</section>
</template>

<script>
/**
 * @file 上传模块 / 客户信息纯展示模块
 */
export default {
    props: {
        accountBillData: {
            default: new Object(),
            type: Object
        }
    },
    components: {
    },
    data() {
        return {
        };
    },
    mounted() {
    }
}
</script>
<style lang="less" scoped>
@import '../../../assets/var.less';

.base-info {
    .iconfont::before {
        color: @color-grey-low;
    }
}
.info-item{
  font-family: PingFang SC, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
}
</style>
